<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>获取用户移动到的div</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="">
        <script class="_dcdev_preset_" src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    </head>
    <body class="item" onmouseover='fudong(event);'>
<!-- 第1段-->
<p>
	01
</p>

<!-- 第2段-->
<p>
	　　人，这辈子想活得好，就一定得心态好。有些事，不斤斤计较，有些人，不必放在心上，心量大了，能承受的就多了，生活就不那么苦了。心态好，一切都好，心态差，万事皆难，人生下半场，拼的就是一种心态。
</p>

<!-- 第3段-->
<p>
	　　02
</p>

<!-- 第4段-->
<p>
	　　生命中的痛苦就像是盐的咸味一样，就这么多。而我们所能感受和体验的程度，取决于我们将它放在多大的容器里。你的心量越小，烦恼就多了，心量大了，能承受的就多了，生活就不那么苦了。用敞亮的心去看待世界，世界就是闪闪发光的，相反，用阴暗的心去看待世界，世界就永无发光之日。
</p>

<!-- 第5段-->
<p>
	　　03
</p>

<!-- 第6段-->
<p>
	　　人生短暂，开心也是过，不开心也是过，那我们何不坦然面对，一笑而过。以烦恼的心看世界，世界处处烦忧；以明朗之心观之，生活处处可爱。没有那么多来日方长，有些人一旦错过就是一辈子，善待自己，好好珍惜眼前人。
</p>

<!-- 第7段-->
<p>
	　　04
</p>

<!-- 第8段-->
<p>
	　　人生，最怕遇上不明事理的人，小心眼人时常把自己的错强加给别人，时不时吼俩嗓子以为能压倒谁，不成熟的表现，归根结底是无能的做法。其实生活中，并没有那么多重要的事情，在乎的事情少了，人就会轻松很多。
</p>

<!-- 第9段-->
<p>
	　　05
</p>

<!-- 第10段-->
<p>
	　　心态真的很重要，人人都会有烦恼，你不拿他当回事，它就会悄悄溜掉。人这一辈子想活得好，心态一定要好。有些事，不必斤斤计较；有些人，不必放在心上。学会把烦恼留给昨天，把简单留给今天，把期待留给明天。
</p>

<!-- 第11段-->
<p>
	　　06
</p>

<!-- 第12段-->
<p>
	　　人生在世总会遇上一些不如意的事，但谁的生活又是事事顺心的呢？跟爱人吵架拌嘴了，憋屈；工作不顺心了，心烦；遭遇小人指指点点，气愤，但你静下来想一想，这些事情，真的值得你付出健康的代价么？世间一遭，不过匆匆三万多天，开心是一天，不开心是一天。
</p>

<!-- 第13段-->
<p>
	　　07
</p>

<!-- 第14段-->
<p>
	　　遇事时，别一昧悲伤，要学会及时调整，释放自己的压力，看看电影、跑跑步，运动都不失为好方法，适时和家人朋友倾诉。一辈子那么长，不要因为一时的烦恼，而耽误了后半生的幸福。无论酸甜苦辣、喜怒哀乐，都认真、踏实过好眼下的生活。
</p>

<!-- 第15段-->
<p>
	　　08
</p>

<!-- 第16段-->
<p>
	　　饭煮糊了，倒了重新煮，说幸好发现的及时；路走错了，笑了笑，说沿路的风景真美。心态决定一切，心态对了，人就不会那么累了。人生最大的修养是包容，它既不是懦弱也不是忍让，而是察人之难，补人之短，扬人之长，谅人之过，而不会嫉人之才，鄙人之能，讽人之缺，责人之误。包容是肯定自己也承认他人，是一种善待生活，善待别人的境界！
</p>

<!-- 第17段-->
<p>
	　　09
</p>

<!-- 第18段-->
<p>
	　　好心情来自自己的好心态，好心态来自自己的好素养；筛子有孔会过滤，人有选择能遗漏，记住别人的好，修的是自己的福，过好自己的生活，才是对自己最大的恩赐。身安，不如心安，屋宽，不如心宽。
</p>

<!-- 第19段-->
<p>
	　　10
</p>

<!-- 第20段-->
<p>
	　　总会有心态失衡的时候，一旦跳出局了，顿感轻松，其实哪有那么多过不去的事，心态对了，人就不会那么累了，只要神经放松了，肉体的疲惫，都会过去的。心灵的愉悦，来自精神的富有；简单的快乐，来自心态的知足。人的欲望少了，灵魂就轻盈，自然也能获得更的多快乐。
</p>
        <script >
            window['CURRENT_DOM'] = null;
            window['DOM_EXCEPT'] = ['BODY','HEAD','HTML','META','TITLE','SCRIPT','LINK'];
            function getAllDom() {
                return $('*');
            }
            function getDomWh(dom) {
                if(window['DOM_EXCEPT'].indexOf($(dom).get(0).tagName) != -1){
                    return null;
                }
                var obj={};
                try {
                    obj.dom  =dom;
                    obj.top = $(dom).offset().top;
                    obj.left =$(dom).offset().left;
                    obj.width = $(dom).outerWidth();
                    obj.height = $(dom).outerHeight();
                    obj.dom_occupied_positon_width = obj.left + obj.width;
                    obj.dom_occupied_positon_height = obj.top +obj.height;
                } catch (error) {
                    obj.dom  =dom;
                    obj.top = 0;
                    obj.left =0;
                    obj.width = 0;
                    obj.height = 0;
                }
                return obj;
            }
            function getALLDomWh() {
                var doms = getAllDom();
                for (let i = 0; i < doms.length; i++) {
                    console.log(getDomWh(doms[i]))
                }
            }
            getALLDomWh();
            function fudong(e){
                console.log(e);
                var mouse_positon = getMousePosition();
                var dom = judgeMouseWhInDomWh(mouse_positon.x,mouse_positon.y,getAllDom());
                $(window['CURRENT_DOM']).css('background-color','');
                $(dom).css('background-color','aliceblue');
                window['CURRENT_DOM'] = dom;
            }
            //获取鼠标相对于文档的坐标（考虑页面滚动）
            function getMousePosition(event) {
                var x = y = 0,
                    doc = document.documentElement,
                    body = document.body;
                if(!event) event=window.event;
                if (window.pageYoffset) {//pageYoffset是Netscape特有
                    x = window.pageXOffset;
                    y = window.pageYOffset;
                }else{
                    x = (doc && doc.scrollLeft || body && body.scrollLeft || 0)
                    - (doc && doc.clientLeft || body && body.clientLeft || 0);
                    y = (doc && doc.scrollTop  || body && body.scrollTop  || 0)
                    - (doc && doc.clientTop  || body && body.clientTop  || 0);
                }
                x += event.clientX;
                y += event.clientY;
                return {x : x, y : y};
            }
             function judgeMouseWhInDomWh(left,top,doms) {
                for (let i = 0; i < doms.length; i++) {
                    var obj = getDomWh(doms[i]);
                    if(obj ==null){
                        continue;
                    }
                    if(obj.top !=0 && obj.left!=0 && obj.width != 0 && obj.height != 0){
                        // && obj.left<left<obj.dom_occupied_positon_width
                        if(obj.top<top && top<obj.dom_occupied_positon_height && obj.left<left && left<obj.dom_occupied_positon_width){
                            console.log('捕获到一个dom');
                            console.log(doms[i]);
                            return doms[i];
                            break;
                        }
                    }
                }
            }
        </script>
    </body>
</html>